$(function () {
         // 渲染页面
        var $header_classify_box = $(".header_classify_box")
        $.getJSON("./json/haed.json" , function(res){
            $header_classify_box.html(
                res.data.map(function ( item ) {
                    return  `<a href="./productList.html" class="item" id="header_classify_item">
                        <img src="${item.icon}" alt="">
                        <span>${item.name}</span>
                    </a>`
                    
                })
            )    
        })
    
   


    // 元素获取
    var $rig_list = $("#rig_list");
    // 二级菜单
    var $header_classify = $(".header_classify");

    // 鼠标悬显示二级菜单
    $rig_list.mouseover(function () {
        $header_classify.addClass(" header_classify_display")
    })
    $header_classify.mouseover(function () {
        $header_classify.addClass("header_classify_display")
    })

    // 鼠标移出隐藏二级菜单
    $rig_list.mouseout(function () {
        $header_classify.removeClass("header_classify_display")
    })
    $header_classify.mouseout(function () {
        $header_classify.removeClass("header_classify_display")
    })
    
    // 判断本地是否存储用户信息
    if ( myGetCookie().account !==undefined) {
        $(".rig_mycenter").addClass("my_hover")
        $(".rig_mycenter").css({ background : "url(../img/tx1.jpg)" })
        $(".rig_mycenter div span").html(myGetCookie().account)
        $(".rig_mycenter").removeClass("rig_mycenter")
        $("#my_hover").css({display: "none"})
    }
    // 点击退出的 事件点击
    $(".my_hover div div").click(function () {
        $(".my_hover").addClass("rig_mycenter")
        $(".my_hover").removeClass("my_hover ")
        $(".rig_mycenter").css({ background : "url(../img/grzx.png)", backgroundSize : "40px 40px" })
        $("#my_hover").css({display: "block"})
        mySetCookie('account', "/",-1)
    })

    // 点击登录
    $("#my_hover").click(function () {
        window.location.href = "./enroll.html"
    })
    
    
})